<template lang="html">
    <div class="empty">
      <img src="../../assets/images/shop_cart.png" alt="">
      <p>购物车空空的</p>
      <router-link to="/home/homeGirl" >去逛逛</router-link>
    </div>
</template>

<script>
export default {
}
</script>

<style lang="css" scoped>
/*没有商品的时候显示这个页面*/
    .empty{
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 16;
        background-color: #F7F7F7;
    }
    .empty img{
        display: block;
        width: 80px;
        height: 80px;
        margin: 60% auto 15px auto;
    }
    .empty p{
        text-align: center;
        color: #999;
        margin: 0 auto 5px auto;
        font-size: 13px;
    }
    .empty a{
        width: 3.5rem;
        padding: 2px 9px;
        border: 1px solid #ccc;
        border-radius: 3px;
        color: #333;
        font-size: 13px;
        display: block;
        margin: 0 auto;
    }
</style>
